<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->

<html>
<head>
<title>WorkerTrack - Registration Form</title>
<link rel="stylesheet" type="text/css" href="../CSS/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="../CSS/regworker.css" media="all" />
<link rel="stylesheet" type="text/css" href="../CSS/buttonIE.css" media="all" />
<script type="text/javascript" src="../JavaScript/regworker.js">
</script>
</head>
<body onload="addOptions_list();">  
	<div id="header">
			<div id="logo">
				<a href="index.html"><img src="../images/logo.jpg" alt="" /></a>		
			</div>		
			<ul>
				<li><a href="index.html"><span>home</span></a></li>
				<li class="selected"><a href="regworker.html"><span>Register</span></a></li>
				<li><a href="services.html"><span>services</span></a></li>
				<li><a href="aboutus.html"><span>about us</span></a></li>
				<li><a href="contact.html"><span>contact us</span></a></li>		
				<li><a href="login.html"> <span> Login </span> </a> </li>	
			</ul>
	</div>
	<div id="body">
	  <div id="pic">	</div> 
	  <div class="register">
			<h1>Registration</h1>
			<div id="content">
		<form name="myForm" onsubmit="return validateForm();" method="post">
        <fieldset>
          <legend>
            <h2>Personal Details</h2>
          </legend>
          <ol>
            <li>
              <label id="firstname">
                First Name:
              </label>
              <input id="fname" name="fname" class="text" type="text" onChange="val_fname();"/>
            </li>
            <div id="firstnameerror">
            First Name Error
			</div>
            <li>
              <label for="last name">
               Last Name:
              </label>
              <input id="lname" name="lname" class="text" type="text" onchange="val_lname();"/>
            </li>
            <div id="lastnameerror">
            Last Name Error
			</div>
              <li>
              <label for="ID">
               ID:
              </label>
               <input id="id" name="id" class="text" type="text" onchange="val_id();"/>
              </li>
              <div id="iderror">
              ID Error
			  </div>
            <li>
               <label for="gender">
               Gender:
               </label>
               <label class="radio"> <input id="gender" name="gender" class="radio" type="radio" value="male"/> Male </label>  
               <label class="radio"> <input id="gender" name="gender" class="radio" type="radio" value="female"/> Female </label>  
              </li> 
            <li>
              <label for="email">
                Email address:
              </label>
              <input id="email" name="email" class="text" type="text" onchange="val_email();" />
            </li>
            <div id="emailerror">
              Email Error
			</div>
            <li>
            	<label for="marital status"> 
            	Marital Status: 
            	</label> 
            	<select name="mstatus">
				<option value="single">Single</option>
				<option value="married">Married</option>
				<option value="bundy">Married with Children</option>
				</select>
			</li>
			<li>
				<label for="dob"> 
				Date of Birth: 
				</label> 
				<select name="day"> 
				<!-- initialized in addOptions_list -->
				</select>
				<select name="month">
				<!-- initialized in addOptions_list -->
				</select>
				<select name="year">
				<!-- initialized in addOptions_list -->
				</select>
			</li>
			<li>
				<label for="city"> 
				City: 
				</label> 
				<input id="city" name="city" class="text" type="text" onchange="val_city();"/>
			</li>
			<div id="cityerror">
              City Error
			</div>
			<li>
				<label> 
				Zip Code: 
				</label> 
				<input id="zip" name="zip" class="text" type="text" onchange="val_zipcode();"/>
			</li>
			<div id="zipcodeerror">
              Zip Code Error
			</div>
			<li>
				<label> 
				Full St. Address: 
				</label> 
				<input id="address" name="address" class="text"type="text" onchange="val_add();"/>
			</li>
			<div id="addresserror">
              Address Error
			</div>
            <li>
              <label for="phone">
                Cellphone Number:
              </label>
              <input id="cell" name="cell" class="text" type="text" />
            </li>
            <div id="cellerror">
              Cell Phone Error
			</div>
			<div id="usernameerror">
              Username Error
			</div>
			<div id="passworderror">
              Password Error
			</div>
          </ol>
        </fieldset>
        <fieldset class="alt">
          <legend>
          <h2>Job Information</h2>
          </legend>
        <ol>
       	 <li>
       		 <label> Looking for job in...</label> 
        	 <select id="job" name="job">
        	 <!-- initialized in addOptions_list -->
        	 </select>
       	 </li>
        </ol>
        </fieldset>
        <fieldset>
          <legend>
            <h2>Login Details</h2>
          </legend>
          <ol>
          	<li>
          		<label for="username">
          		Username:
          		</label>
          		<input id="uname" name="uname" class="text" type="text"/>
          	</li>
          	
            <li>
              <label for="password">
                Password:
              </label>
              <input id="pass" name="pass" class="password" type="password"/>
            </li>
            
            <li>
              <label for="confirmPassword">
                Confirm Password:
              </label>
              <input id="passconfirm" name="passconfirm" class="password" type="password" />
            </li>
          </ol>
        </fieldset>
        <fieldset class="submit">
          <input type="submit" value="Register" class="button" name="button"/>
        </fieldset>
      </form>

    </div><!-- END #content -->

   </div>
  </div>

 <!-- END #page -->
	</body>
</html>